import { Link } from "react-router-dom";

export default function Main() {
  return (
    <>
      <div id="sidebar">
        {/* other elements */}
        <nav>
          <ul>
            <li>
              <Link to={`weather/chart`}>图表天气</Link>
            </li>
            <li>
              <Link to={`weather/map`}>地图天气</Link>
            </li>
            <li>
              <Link to={`demo/1`}>demo1</Link>
            </li>
            <li>
              <Link to={`demo/2`}>demo2</Link>
            </li>
            <li>
              <Link to={`demo/3`}>demo3</Link>
            </li>
            <li>
              <Link to={`demo/4`}>demo4</Link>
            </li>
            <li>
              <Link to={`demo/5`}>demo5</Link>
            </li>
            <li>
              <Link to={`demo/6`}>demo6</Link>
            </li>
            <li>
              <Link to={`demo/7`}>demo7</Link>
            </li>
          </ul>
        </nav>

        {/* other elements */}
      </div>
    </>
  );
}